@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------*/
div.head_bg div.head_table{
	width:100%;
	min-width:1230px;
	float:left;
	background:url("../../image/headtable_btn_line.jpg") repeat-x;
	height:47px;
	position: fixed;
	left: 0px;
	top:0px;
	z-index: 9999;
	
}
div.head_bg div.head_table div.logo{
	width:130px;
	height:30px;
	background:url(../../image/logo.png);
	float: left;
	margin-top: 8px; margin-left: 26px;
	cursor: pointer;
}
div.head_bg div.head_table a.simpletitle{
	float: left;
	font-size: 16px;
	color: #fff;
	line-height: 25px;
	cursor: default;
	letter-spacing: 1px; 
	height: 25px; 
	margin-top: 9px; 
	margin-left: 30px;
	width: 87px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
}
div.head_bg div.head_table a.simpletitle:hover{
	background: RGB(127,134,140);
}
ul.headtable_btnzone{
	float: left;height: 33px;width:1040px;
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
	float: left;
}
ul.headtable_btnzone li{
	margin-top: 8px;
	margin-left: 10px;
	position: relative;
}
li.my_clips{
	float:left;
	/*background:url(../../image/headtable_btn.jpg) -75px 0px;*/
	cursor: pointer;
}
li.my_clips a.btn{
	float:left;
	height:25px;
	width: 87px;
	cursor: pointer;
	background:url(../../image/headtable_btn.png) 0px 0px;
}
#my_clips div{
	width: 156px;
	height: 114px;
	position: absolute;
	background: url("../../image/headtable_detail_fourline.png");
	z-index: 110;
	left: 0px; top: 25px;
	display: none;
	padding: 7px 0px 3px 5px;
}
#my_clips div.cc{
	background: url("../../image/headtable_detail_threeline.png");
	height: 87px;
}
#my_clipscontent a{
	background: url("../../image/my_clipscontentsecond.png") no-repeat;
	width:146px;
	height:27px;
	float: left;
}
#my_clipscontent a.homepage{
	background-position: 0px 0px;
}
#my_clipscontent a.homepage:hover{
	background-position: 0px -108px;	
}
#my_clipscontent a.calendar{
	background-position: 0px -27px;
}
#my_clipscontent a.calendar:hover{
	background-position: 0px -135px;
}
#my_clipscontent a.clipmanage{
	background-position: 0px -54px;
}
#my_clipscontent a.clipmanage:hover{
	background-position: 0px -162px
}
#my_clipscontent a.addclip{
	background-position: 0px -81px;
}
#my_clipscontent a.addclip:hover{
	background-position: 0px -189px;	
}

li.my_subscribes{
	float:left;
	cursor: pointer;
}
li.my_subscribes a.btn{
	background:url(../../image/headtable_btn.png) -87px 0px;
	height:25px;
	width: 87px;
	float: left;
	cursor: pointer;
}
#my_subscribescontent{
	width: 156px;
	height: 60px;
	position: absolute;
	background: url("../../image/headtable_detail_twoline.png");
	z-index: 110;
	left: 0px; top: 25px;
	display: none;
	padding: 7px 0px 3px 5px;
}
#my_subscribescontent a{
	background: url("../../image/my_subscribescontentsecond.png") no-repeat;
	width:146px;
	height:27px;
	float: left;
}
#my_subscribescontent a.managesubcribe{
	background-position: 0px 0px;
}
#my_subscribescontent a.managesubcribe:hover{
	background-position: 0px -54px;
}
#my_subscribescontent a.shareall{
	background-position: 0px -27px;
}
#my_subscribescontent a.shareall:hover{
	background-position: 0px -81px;
}

li.my_circles{
	float:left;
	cursor: pointer;
}
li.my_circles a.btn{
	background:url(../../image/headtable_btn.png) -174px 0px;
	height:25px;
	width: 87px;
	float: left;
	cursor: pointer;
}
#my_circlescontent{
	width: 156px;
	height: 87px;
	position: absolute;
	background: url("../../image/headtable_detail_threeline.png");
	z-index: 110;
	left: 0px; top: 25px;
	display: none;
	padding: 7px 0px 3px 5px;
}
#my_circlescontent a{
	background: url("../../image/my_circlescontentsecond.png") no-repeat;
	width:146px;
	height:27px;
	float: left;
}
#my_circlescontent a.circlemanage{
	background-position: 0px 0px;
}
#my_circlescontent a.circlemanage:hover{
	background-position: 0px -108px;
}
#my_circlescontent a.contact_all{
	background-position: 0px -27px;
}
#my_circlescontent a.contact_all:hover{
	background-position: 0px -135px;
}
#my_circlescontent a.invite_friend{
	background-position: 0px -54px;
}
#my_circlescontent a.invite_friend:hover{
	background-position: 0px -162px;
}
#my_circlescontent a.subscribed_all{
	background-position: 0px -81px;
}
#my_circlescontent a.subscribed_all:hover{
	background-position: 0px -189px;
}
li.cc_group{
	float:left;
	cursor: pointer;
}
li.cc_group a.btn{
	background:url(../../image/headtable_btn.png) -261px 0px;
	height:25px;
	width: 87px;
	float: left;
	cursor: pointer;
}
#cc_groupcontent{
	width: 156px;
	height: 60px;
	position: absolute;
	background: url("../../image/headtable_detail_twoline.png");
	z-index: 110;
	left: 0px; top: 25px;
	display: none;
	padding: 7px 0px 3px 5px;
}
#cc_groupcontent a{
	background: url("../../image/cc_groupcontentsecond.png") no-repeat;
	width:146px;
	height:27px;
	float: left;
}
#cc_groupcontent a.groupmanage{
	background-position: 0px 0px;
}
#cc_groupcontent a.groupmanage:hover{
	background-position: 0px -54px;
}
#cc_groupcontent a.subscribed_all{
	background-position: 0px -27px;
}
#cc_groupcontent a.subscribed_all:hover{
	background-position: 0px -81px;
}
ul.headtable_btnzone li.search{
	float:right;
	cursor: pointer;
	margin-right: 30px;
}
li.search div.searchbox{
	width: 230px;
	height: 26px;
	float: left;
	background: url("../../image/headtable_searchbox.jpg");
}
li.search div.searchbox input{
	border: 0px;
	margin: 1px 0 0 3px;
	height: 22px;
	width: 190px;
	font-size: 14px;
	line-height: 24px;
	float: left; 
}
li.search div.searchbox a.btn{
	width:25px;
	height:23px;
	background: url("../../image/headtable_searchbtn.png");
	float: right;
	cursor: pointer;
	margin-top: 2px;
	margin-right: 4px;
}
li.search div.searchbox a.btn:hover{
	background-position: 0 -23px;
}

ul.headtable_btnzone li.person_controls{
	float:right;
	cursor: pointer;
	margin-right: 10px;
}

li.person_controls a.btn{
	background:url(../../image/headtable_btn.png) -348px 0px;
	height:25px;
	width: 87px;
	float: left;
	cursor: pointer;
}
#person_controlscontent{
	width: 156px;
	height: 87px;
	position: absolute;
	background: url("../../image/headtable_detail_threeline.png");
	z-index: 110;
	left: 0px; top: 25px;
	display: none;
	padding: 7px 0px 3px 5px;
}
#person_controlscontent a{
	background: url("../../image/person_controlscontentsecond.png") no-repeat;
	width:146px;
	height:27px;
	float: left;
}
#person_controlscontent a.personinfo{
	background-position: 0px 0px;
}
#person_controlscontent a.personinfo:hover{
	background-position: 0px -108px;
}
#person_controlscontent a.ccinfo{
	background-position: 0px -27px;
	display: none;
}
#person_controlscontent a.ccinfo:hover{
	background-position: 0px -135px;
}
#person_controlscontent a.changepwd{
	background-position: 0px -54px;
}
#person_controlscontent a.changepwd:hover{
	background-position: 0px -162px;
}
#person_controlscontent a.changephoto{
	background-position: 0px -81px;
}
#person_controlscontent a.changephoto:hover{
	background-position: 0px -189px;
}
ul.headtable_btnzone li.messagebox{
	float:right;
	cursor: pointer;
	margin-right: 10px;
}
li.messagebox span.countmsg{
	width: 23px;
	height: 14px;
	float: left;
	background: url("../../image/messagecountbg.png");
	margin-top: 5px; margin-left: 1px;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}
li.messagebox a.btn{
	background:url(../../image/headtable_btn.png) -435px 0px;
	height:25px;
	width: 87px;
	float: left;
	cursor: pointer;
}
#messageboxcontent{
	width: 156px;
	height: 60px;
	position: absolute;
	background: url("../../image/headtable_detail_twoline.png");
	z-index: 110;
	left: 0px; top: 25px;
	display: none;
	padding: 7px 0px 3px 5px;
}
#messageboxcontent a{
	background: url("../../image/messageboxcontentsecond.png");
	width:146px;
	height:27px;
	float: left;
}
#messageboxcontent a.systemmsg{
	background-position: 0 0;
}
#messageboxcontent a.systemmsg:hover{
	background-position: 0 -54px;
}
#messageboxcontent a.userquestion{
	background-position: 0 -27px;
}
#messageboxcontent a.userquestion:hover{
	background-position: 0 -81px;
}

li.loginout{
	float:right;
	cursor: pointer;
	margin-right: 10px;
}
li.loginout a.btn{
	width: 20px;
	height: 20px;
	float: left;
	background: url("../../image/loginout_btn.png") 0 -20px;
}

li.loginout a.btn:hover{
	background-position: 0 0px;
}



li.person_contacts{
	float:left;
	cursor: pointer;
}
li.person_contacts a.btn{
	background:url(../../image/headtable_btn.jpg) -164px 0px;
	height:33px;
	width: 82px;
	float: left;
	cursor: pointer;
}
#person_contactscontent{
	width: 105px;
	height: 110px;
	position: absolute;
	background: url("../../image/user_applycontent.jpg") ;
	z-index: 110;
	left: 0px; top: 25px;
	display: none;
	padding: 5px 0 5px 5px;
}
#person_contactscontent a{
	background: url("../../image/usercontrolicon.png") no-repeat;
	margin:5px 10px;
	padding-left: 28px;
	padding-top:3px;
	font-size: 12px;
	float: left;
	text-decoration: none;
	height: 15px;
	color: #393939;
}
#person_contactscontent a:hover{
	color:#356bb5;
}
#person_contactscontent a.contact_all{
	background-position: 0px 0px;
}
#person_contactscontent a.contact_all:hover{
	background-position: 0px -108px;
}
#person_contactscontent a.contact_group{
	background-position: 0px -36px;
}
#person_contactscontent a.contact_group:hover{
	background-position: 0px -144px;
}
#person_contactscontent a.search_friend{
	background-position: 0px -54px;
}
#person_contactscontent a.search_friend:hover{
	background-position:0px -162px;
}
#person_contactscontent a.invite_friend{
	background-position: 0px -72px;
}
#person_contactscontent a.invite_friend:hover{
	background-position: 0px -180px;
}

li.user_contacts{
	float:left;
	cursor: pointer;
}
li.user_contacts a.btn{
	background:url(../../image/headtable_btn.jpg) -246px 0px;
	height:33px;
	width: 82px;
	float: left;
	cursor: pointer;
}
#user_contactscontent{
	width: 105px;
	height: 90px;
	position: absolute;
	background: url("../../image/person_controlscontent.jpg");
	z-index: 110;
	left: 293px; top: 33px;
	display: none;
	padding: 5px 0 5px 5px;
}
#user_contactscontent a{
	background: url("../../image/usercontrolicon.png") no-repeat;
	margin:5px 10px;
	padding-left: 28px;
	padding-top:3px;
	font-size: 12px;
	float: left;
	text-decoration: none;
	height: 15px;
	color: #393939;
}
#user_contactscontent a:hover{
	color:#356bb5;
}

#user_contactscontent a.subscribe_list{
	background-position: 0 -18px;
}
#user_contactscontent a.subscribe_list:hover{
	background-position:0 -126px;
}
#user_contactscontent a.contact_group{
	background-position: 0 -36px;
}
#user_contactscontent a.contact_group:hover{
	background-position:0 -144px;
}
#user_contactscontent a.search_user{
	background-position: 0 -90px;
}
#user_contactscontent a.search_user:hover{
	background-position:0 -198px;
}



li.user_apply{
	float:left;
	cursor: pointer;
}
li.user_apply a.btn{
	float:left;
	background:url(../../image/headtable_btn.jpg) -323px 0px;
	height:33px;
	width: 82px;
	cursor: pointer;
}
#user_applycontent{
	width: 105px;
	height: 60px;
	position: absolute;
	background: url("../../image/user_applycontent.jpg");
	z-index: 110;
	left: 448px; top: 33px;
	display: none;
	padding: 5px 0 5px 5px;
}


li.question_apply{
	float:left;
	background:url(../../image/headtable_btn.jpg) -328px 0px;
	height:33px;
	width: 75px;
	cursor: pointer;
}


li.person_name{
	float: right;
}
li.person_name a{
	float: left;
	text-decoration: none;
	line-height: 25px;
	color:#fff;
	font-size: 14px;
}
li.person_name span.v_icon{
	background: url("../../image/v.png") repeat scroll 0 0 transparent;
	float: left;
	height: 14px;
	margin-left: 0;
	margin-top: 5px;
	width: 14px;
}
/*
div.clip_help{
	float:left;
	background:url(../../image/headtable_btn.jpg) -474px -30px;
	height:30px;
	width: 79px;
	cursor: pointer;
}
*/

#nowtime{
	float: right;
	margin-right: 50px;
	margin-top:10px;
	color: #ffffff;
	font-size: 13px;
}
div.personal_fun_out div.newmsg{
	float: right;
    font-size:12px;
    margin-right:46px;
	height:16px;
	margin-top:14px;
    text-align:center;
}
div.personal_fun_out div.newmsg a.finvite{
	background: url("../../image/finvite.png");
	width: 16px;
	height: 16px;
	margin:0 0 0 8px;
	float: left;
	display: none;
}
div.personal_fun_out div.newmsg a.cinvite{
	background: url("../../image/cinvite.png");
	width: 16px;
	height: 16px;
	margin:0 0 0 8px;
	float: left;
	display: none;
}
div.personal_fun_out div.newmsg a.calert{
	background: url("../../image/calert.png");
	width: 16px;
	height: 16px;
	margin:0 0 0 8px;
	float: left;
	display: none;
}
div.personal_fun_out div.newmsg a.ccomment{
	background: url("../../image/ccomment.png");
	width: 16px;
	height: 16px;
	margin:0 0 0 8px;
	float: left;
	display: none;
}
div.personal_fun_out div.newmsg span{
	float: left;
	font-size: 12px;
	line-height: 18px;
	color: #eb6100;
	display: none;
	cursor: pointer;
	margin-left: 2px;
	
}
div.personal_fun_out div.login_box{
	float:right;
	color:#FFFFFF;
    cursor:pointer;
    font-size:12px;
    margin-right:46px;
	padding:5px 0 0;
	height:20px;
	margin-top:10px;
    text-align:center;
}
div.personal_fun_out div.login_box span{
	font-size:14px;
	color:#3e3e3e;
	padding:0 5px;
	float:left;
	height:16px;
	vertical-align:baseline;
}
div.personal_fun_out div.login_box span.friend{
	background:url(../../image/friendreq.png) no-repeat 0 0;
    float:left;
	padding-left:15px;
	cursor:pointer;
	margin-top:2px;
	display: none;
}
div.personal_fun_out div.login_box span.friend:HOVER{
	text-decoration:underline;
}
div.personal_fun_out div.login_box span.alarm{
    background:url(../../image/remind.png) no-repeat 0 0;
    float:left;
	padding-left:15px;
	cursor:pointer;
	display: none;
}
div.personal_fun_out div.login_box span.alarm:hover{
	text-decoration:underline;
}
div.personal_fun_out div.login_box span.user_logo{
	width: 30px;
	height: 30px;
	background: url("../../image/clipsmall.jpg");
	padding: 0;
	margin-top: -8px;
}
div.personal_fun_out div.login_box span.user_name{
	cursor: pointer;
}
/*
div.head_table div.login_box span.user_name:hover{
	text-decoration:underline;
}
*/
div.personal_fun_out div.login_box span.user_name b{
	padding:0 5px;
	font-weight:normal;
	float: left;
}
div.personal_fun_out div.login_box span.user_name span.v_icon{
	width: 14px;
	height: 14px;
	background: url("../../image/v.png");
	padding: 0;
	display: block;
	margin-right: 8px;
}
div.personal_fun_out div.login_box span.login_out{
	cursor:pointer;
}
div.personal_fun_out div.login_box span.login_out:hover{
	text-decoration:underline;
}
